body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #1e1e1e;
    color: #ffffff;
    white-space: normal;
}
::-webkit-scrollbar {
    display: none;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #888;
}
table {
    width: 100%;
    border-collapse: collapse;
}
th, td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}
.news-grid {
    display: none;
}
.news-item {
    background-color: #333;
    padding: 20px;
    border-radius: 10px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    /* height: 230px; /* Let content define height or use min-height */
    /* width: inherit; /* Width will be controlled by flex item pro
... (truncated) ...
should be themed */
}
.retroboy i.text-blue-500 { color: #00FFFF !important; }
.retroboy i.hover\:text-white:hover { color: #FFFF00 !important; }
.retroboy .hover\:text-gray-400:hover i { color: #00AA00 !important; }

/* Draggable components in RetroBoy */
.retroboy .sticky-note, 
.retroboy .max-w-xs.bg-gray-800, /* Calculator */
.retroboy div[class*="fixed bottom-4 right-4 z-50 max-w-xs bg-gray-800"] /* Device Info */ {
    background-color: #111111 !important;
    border: 2px solid #00FF00 !important;
    box-shadow: 3px 3px #00AA00 !important;
    color: #00FF00 !important;
}

/* Popup backgrounds */
.retroboy .bg-black.bg-opacity-75 { background-color: rgba(0, 20, 0, 0.85) !important; }
.retroboy .bg-gray-800.p-4.rounded { /* For popups like settings, article */
    background-color: #111111 !important;
    border: 2px solid #00FF00 !important;
    box-shadow: 3px 3px #00AA00 !important;
    color: #00FF00 !important;
}

.retroboy .bg-black { background-color: #000000 !important; }